import React,{Component} from 'react';
import './hotSearch.css';
export default class HotSearch extends Component {
    selectHot=(hot)=>{
        this.props.selectHot(hot);
    }
    render(){
        let hotTxt = ['田馥甄', '林宥嘉', '小幸运', 'Welcome To New York', '谈判官', '苏打绿', '权志龙', 'Despaction媛媛','S.H.E','春晚'];
        let list=hotTxt.map((hot,index)=>
            <li key={index} onClick={this.selectHot.bind(this,hot)}>
                {hot}
            </li>
        )
        return (
            <div className='hot-search'>
                <em>热门搜索</em>
                <ul className='hot-search-list clear'>
                    {list}
                </ul>
            </div>
        )
    }
}